.DetailPageTop {
	padding-top: 10px;
}

.DetailPageAddOne {
	display: flex;
	align-items: center;
	padding-right: 10px;
	border-right: 1px solid gray;
}

.DetailPageTwo {
	padding-left: 10px;
	display: flex;
	align-items: center;
}

.DetailPageAddOne>img {
	border-radius: 50%;
}

.DetailPageTop #header1 {
	width: 1090px;
	margin: 0 auto;
}

.DetailPageTop .breadcrumb {
	width: 1090px;
	margin: 0 auto;
	color: black;
	background: white;
	padding: 10px 0;
}

.DetailPageMain {
	width: 1090px;
	margin: 0 auto;
}

.DetailCenter {
	padding: 0 10px;
}

.DetailInvite {
	border:1px solid gray;
	width:1090px;
	margin: 0 auto;
	padding:10px;
}

.DetailTime{
	padding:0 10px;
}

.DetailTime img{
	width:40px;
	height:40px;
}
.DetailGo{
	text-align:center;
	margin-left:50px;
}
.DetailGo a{
	display:block;
	height:50px;
	line-height:50px;
	padding:0 20px;
}

.DetailComment{
	width:1090px;
	margin:0 auto;
	padding-top:50px;
}

.DetailNoFloat li{
	float:none !important;
}

.AddNewClass01{
	margin-left:10px;
	width:750px;
}
.AddBtn button{
	border:none;
	height:51px;
	line-height:51px;
	padding:0 20px;
}

.DetailLeft a{
	display:block;
	height:200px;
}
.DetailLeft a img{
	width:100%;
	height:150px;
}
.DetailLeft a span{
	display:block;
	text-align:center;
	line-height:50px;
}
.DetailRight button{
	height:51px;
	line-height:51px;
	border:none;
	text-align:center;
	font-size:14px;
	width:200px;
}

.DetailRight ul{
	margin:0;
	padding:0;
	list-style:none;
}

.DetailRight ul a{
	display:block;
	padding:10px 0;
	text-align:center;
}


#header1 ul li {
	width: 10px;
	height: 10px;
	border: 1px solid pink;
	border-radius: 50%;
	float: left;
	background-color: pink;
	margin-right: 0.6rem;
}

.my_img {
	width: 40px !important;
	height: 40px !important;
}

.my_img1 {
	width: 400px;
	height: 500px;
}

/* 中图的尺寸是400 X 500
   大图的尺寸按照4:3 计算： 533 X 666
*/
.my_img2 {
	width: 60px;
	height: 60px;
}

.my_img3 {
	width: 120px;
	height: 160px;
}

.my_img4 {
	width: 160px;
	height: 240px;
}

.my_bg {
	min-width:1090px;
	background-color: #950505;
}

.my_bg1 {
	background-color: #dee2e6;
}

.my_bg2 {
	background-color: papayawhip;
}

.my_bg3 {
	background-color: pink;
}

.my_bg4 {
	background-color: #ddd;
}

.my_vertical_nav {
	background-color: #5a6268;
	color: white;
}

.my_vertical_nav li a {
	color: white;
}

.my_input_w {
	width: 23rem;
	height: 34px;
	border: 1px solid deeppink;
	outline: none;
	font-size: 0.5rem;
	color: #5a6268;
	vertical-align: top;
	padding: 0 10px;
}

.my_button_bg {
	background-color: #FE217E;
	width: 100px;
	height: 34px;
	color: white;
	border: 0;
}

table tr td {
	padding: 0.4rem 0.3rem;
}

.my_hidden {
	width: 400px;
	position: relative;
	cursor:crosshair;
}

.NewClass{
	width:30px !important;
	height:70px;
	line-height:70px;
	text-align:center;
	display:inline-block;
	cursor:pointer;
}

.my_margin1 {
	
}

.TextLine{
	text-decoration:line-through;
	margin-left:20px;
}

.AddDetailC{
	margin-bottom:10px;
}

.AddDetailC button{
	margin-right:5px;
}

.my_bg1 p span {
	vertical-align: middle;
}

.my_btn {
	width: 1.5rem;
	height: 1.5rem;
}

.my_input {
	width: 1.5rem;
	height: 1.5rem;
	text-align: center;
	vertical-align: top;
}

.my_small {
	font-size: 0.6rem;
}

.my_top_border {
	border-top: 2px solid red;
}

.my_fontFamily {
	font-family: myFirstFont;
}

@font-face {
	font-family: myFirstFont;
	src: url("../font/font.ttf");
}

.my_fixed {
	position: sticky;
	top: 0;
	z-index: 1000;
}

#my_xiaoshou ul li {
	float: left;
}

#my_button {
	position: relative;
	overflow: hidden;
	min-height:100%;
}

.my_button {
	position: absolute;
	z-index: 10;
	width: 738px;
	height: 200px;
	display: none;
}

#my_button>div{
	padding-top:20px;
}

#my_button>div h5{
	padding:10px 0;
	color:black;
	font-weight:bold;
}

#my_button>div:not(:nth-child(1)){
	display:none;
}


/**放大镜功能实现的相关样式**/
#mask {
	width: 300px;
	height: 300px;
	background: gray;
	opacity: 0.3;
	z-index: 9;
	top: 0;
	left: 0;
}

#super-mask {
	width: 400px;
	height: 500px;
	z-index: 10;
	background: gray;
	opacity: 0.1;
	top: 0;
	left: 0;
}

#div-lg {
	width: 500px;
	height: 500px;
	z-index: 10;
	background: gainsboro;
	opacity: 1;
	top: 0;
	left: 100%;
	border: 1px solid rgba(0, 0, 0, 0.125)
}

#my_magn {
	list-style: none;
	padding: 0;
	margin-bottom: 0px;
	width: 800px;
	transition: all .5s linear;
	clear:both;
}

/*为ul设置宽度*/
#my_magn li {
	float: left;
	text-align: center;
	padding:5px;
}

#my_magn li img{
	vertical-align:top;
}

.my_card{
	display:flex;
}

.my_card>div {
	overflow: hidden;
	width: 340px;
	display: inline-block;
	overflow:hidden;
}

/*放大镜功能样式的结束*/